<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <!-- Define Charset -->
    <meta charset="utf-8">
    
    <!-- Page Title -->
    <title>Dynamo - Sell/Buy/Rent Cars Online HTML5 Responsive Template - News with small thumbnails Right Sidebar</title>

    <!-- Responsive Metatag -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
       
    <!-- CSS -->
    <link rel="stylesheet" href="css/bootstrap.css"/>
                    
    
    <!-- Font icons -->
    <link rel="stylesheet" href="css/fontello.css" >
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/fontello-ie7.css" ><![endif]-->
    <link rel="stylesheet" href="css/styles.css" />
    <link rel="stylesheet" href="css/media-queries.css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>        
    <![endif]-->

    <!-- Media queries -->
    <!--[if lt IE 9]>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
</head>

<body>
    <header>
        <!-- begin Top Bar -->
        <div class="topbar" >
            <jsp:include page="import/topbar.jsp"/>
        </div>
        <!-- end Top Bar -->
        
        <!-- begin NavBar -->
        <nav class="navbar" role="navigation">
            <jsp:include page="import/navbar.jsp"/>
        </nav>
        <!-- end NavBar -->

        <!-- begin Sub Bar -->
        <div class="subbar" >
            <jsp:include page="import/sub-bar.jsp"/>
        </div>
        <!-- end Sub Bar --> 
    </header>


    <section class="blog-small-thumbail">
        <div class="container"> 

            <div class="row pagetitle">
                <div class="col-xs-12">
                    <h2>News with right sidebar and small thumbnails</h2>
                </div>
            </div>  

            <div class="row">
                <article>
                    <div class="col-md-9">
                        <section>   
                                    
                            <article class="post">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="post-img">
                                            <a href="single-news.html" class="more"><i class="icon-plus"></i></a>
                                            <img src="img/rent/rent01.jpg" alt="//">
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <h3><a href="single-news.html">2013 Ford Kuga - First Drive</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit sagittis urna, eget dignissim dolor […]</p>
                                        <footer>
                                            <a href="single-news.html" class="learnmore pull-right">Learn More <i class="icon-forward"></i></a>
                                            <div class="tags pull-left">
                                                <i class="icon-tag"></i>
                                                <a href="#">new cars,</a> <a href="#">vector,</a> <a href="#">design,</a> <a href="#">strategy</a>, <a href="#">cars</a>    
                                            </div>
                                        </footer>                                       
                                    </div>
                                </div>
                            </article>

                            <article class="post">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="post-img">
                                            <a href="single-news.html" class="more"><i class="icon-plus"></i></a>
                                            <img src="img/rent/rent02.jpg" alt="//">
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <h3><a href="single-news.html">2013 Ford Kuga - First Drive</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit sagittis urna, eget dignissim dolor […]</p>
                                        <footer>
                                            <a href="single-news.html" class="learnmore pull-right">Learn More <i class="icon-forward"></i></a>
                                            <div class="tags pull-left">
                                                <i class="icon-tag"></i>
                                                <a href="#">new cars,</a> <a href="#">vector,</a> <a href="#">design,</a> <a href="#">strategy</a>, <a href="#">cars</a>    
                                            </div>
                                        </footer>                                       
                                    </div>
                                </div>
                            </article>

                            <article class="post">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="post-img">
                                            <a href="single-news.html" class="more"><i class="icon-plus"></i></a>
                                            <img src="img/rent/rent03.jpg" alt="//">
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <h3><a href="single-news.html">2013 Ford Kuga - First Drive</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit sagittis urna, eget dignissim dolor […]</p>
                                        <footer>
                                            <a href="single-news.html" class="learnmore pull-right">Learn More <i class="icon-forward"></i></a>
                                            <div class="tags pull-left">
                                                <i class="icon-tag"></i>
                                                <a href="#">new cars,</a> <a href="#">vector,</a> <a href="#">design,</a> <a href="#">strategy</a>, <a href="#">cars</a>    
                                            </div>
                                        </footer>                                       
                                    </div>
                                </div>
                            </article>

                            <article class="post">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="post-img">
                                            <a href="single-news.html" class="more"><i class="icon-plus"></i></a>
                                            <img src="img/rent/rent01.jpg" alt="//">
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <h3><a href="single-news.html">2013 Ford Kuga - First Drive</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit sagittis urna, eget dignissim dolor […]</p>
                                        <footer>
                                            <a href="single-news.html" class="learnmore pull-right">Learn More <i class="icon-forward"></i></a>
                                            <div class="tags pull-left">
                                                <i class="icon-tag"></i>
                                                <a href="#">new cars,</a> <a href="#">vector,</a> <a href="#">design,</a> <a href="#">strategy</a>, <a href="#">cars</a>    
                                            </div>
                                        </footer>                                       
                                    </div>
                                </div>
                            </article>

                            <article class="post">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="post-img">
                                            <a href="single-news.html" class="more"><i class="icon-plus"></i></a>
                                            <img src="img/rent/rent02.jpg" alt="//">
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <h3><a href="single-news.html">2013 Ford Kuga - First Drive</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit sagittis urna, eget dignissim dolor […]</p>
                                        <footer>
                                            <a href="single-news.html" class="learnmore pull-right">Learn More <i class="icon-forward"></i></a>
                                            <div class="tags pull-left">
                                                <i class="icon-tag"></i>
                                                <a href="#">new cars,</a> <a href="#">vector,</a> <a href="#">design,</a> <a href="#">strategy</a>, <a href="#">cars</a>    
                                            </div>
                                        </footer>                                       
                                    </div>
                                </div>
                            </article>

                            <article class="post">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="post-img">
                                            <a href="single-news.html" class="more"><i class="icon-plus"></i></a>
                                            <img src="img/rent/rent03.jpg" alt="//">
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <h3><a href="single-news.html">2013 Ford Kuga - First Drive</a></h3>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit sagittis urna, eget dignissim dolor […]</p>
                                        <footer>
                                            <a href="single-news.html" class="learnmore pull-right">Learn More <i class="icon-forward"></i></a>
                                            <div class="tags pull-left">
                                                <i class="icon-tag"></i>
                                                <a href="#">new cars,</a> <a href="#">vector,</a> <a href="#">design,</a> <a href="#">strategy</a>, <a href="#">cars</a>    
                                            </div>
                                        </footer>                                       
                                    </div>
                                </div>
                            </article>

                            <ul class="pagination">
                                <li><a href="#">&laquo;</a></li>
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li>
                                <li><a href="#">&raquo;</a></li>
                            </ul>

                        </section>      
                    </div>

                    <!-- Sidebar -->
                    <aside class="col-md-3">

                        <div class="row">
                            <h3><span>Categories</span></h3>
                            <div class="list-group">
                                <a href="#" class="list-group-item"><i class="icon-right-open"></i>Events</a>
                                <a href="#" class="list-group-item"><i class="icon-right-open"></i>Cars</a>
                                <a href="#" class="list-group-item"><i class="icon-right-open"></i>Test Drive</a>
                                <a href="#" class="list-group-item"><i class="icon-right-open"></i>Auto Blogs</a>
                                <a href="#" class="list-group-item"><i class="icon-right-open"></i>Car Services</a>
                            </div>
                        </div>

                        <div class="row">
                            <h3><span>Why sell</span> with us?</h3>
                            <div class="panel-group" id="accordion">
                                
                                <div class="panel panel-accordion">
                                    <div class="panel-heading">
                                        <p class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                                    <span class="badge pull-right"><i class="icon-minus"></i></span>Integer sed porta quam tempus aliquam
                                            </a>
                                        </p>
                                    </div>
                                    <div id="collapseOne" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                        <strong>Integer sed porta quam</strong>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-accordion">
                                    <div class="panel-heading">
                                        <p class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                                                <span class="badge pull-right"><i class="icon-plus"></i></span>Integer sed porta quam tempus aliquam
                                            </a>
                                        </p>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse">
                                        <div class="panel-body">
                                        <strong>Integer sed porta quam</strong>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-accordion">
                                    <div class="panel-heading">
                                        <p class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                                                <span class="badge pull-right"><i class="icon-plus"></i></span>Integer sed porta quam tempus aliquam
                                            </a>
                                        </p>
                                    </div>

                                    <div id="collapseThree" class="panel-collapse collapse">
                                        <div class="panel-body">
                                        <strong>Integer sed porta quam</strong>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-accordion">
                                    <div class="panel-heading">
                                        <p class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
                                                <span class="badge pull-right"><i class="icon-plus"></i></span>Integer sed porta quam tempus aliquam
                                            </a>
                                        </p>
                                    </div>

                                    <div id="collapseFour" class="panel-collapse collapse">
                                        <div class="panel-body">
                                        <strong>Integer sed porta quam</strong>
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-accordion">
                                    <div class="panel-heading">
                                        <p class="panel-title">
                                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
                                                <span class="badge pull-right"><i class="icon-plus"></i></span>Integer sed porta quam tempus aliquam
                                            </a>
                                        </p>
                                    </div>

                                    <div id="collapseFive" class="panel-collapse collapse">
                                    <div class="panel-body">
                                    <strong>Integer sed porta quam</strong>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.
                                    </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="row">
                            <h3><span>Text</span> widget</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                            consequat. <i class="icon-right-thin"></i></p>
                        </div>

                        <div class="row">
                            <h3><span>Link</span> list</h3>
                            <div class="list-group">
                            <a href="#" class="list-group-item"><i class="icon-right-open"></i>Cras justo odio</a>
                            <a href="#" class="list-group-item"><i class="icon-right-open"></i>Dapibus ac facilisis in</a>
                            <a href="#" class="list-group-item"><i class="icon-right-open"></i>Morbi leo risus</a>
                            <a href="#" class="list-group-item"><i class="icon-right-open"></i>Porta ac consectetur ac</a>
                            <a href="#" class="list-group-item"><i class="icon-right-open"></i>Vestibulum at eros</a>
                            </div>
                        </div>

                        <div class="row">
                            <h3><span>More</span> cars on flickr</h3>
                            <ul class="flickr-feed"></ul>
                        </div>

                    </aside>
                </article>
            </div>
        </div>
    </section>


    
    <footer>
        <!-- begin top Footer -->
         <jsp:include page="import/footer.jsp"/>
        <!-- begin bottom Footer -->
    </footer>
    
    <!-- Javascript Files -->
    <!-- jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write("<script src=\"js/jquery-1.9.1.min.js\"")</script>
    
    <!-- Respond.js media queries for IE8 -->
    <script src="js/respond.min.js"></script>
    
    <!-- Bootstrap-->
    <script src="js/bootstrap.min.js" ></script>
 
    <!-- Retina.js -->
    <script src="js/retina.js" ></script>

    <!-- Placeholder.js http://widgetulous.com/placeholderjs/ -->
    <script src="js/placeholder.js" ></script>
    
    <!-- Go to top -->
    <script src="js/jquery.scrollTo-1.4.3.1-min.js" ></script>

        
    <!-- Fleckr Feed -->
    <script src="js/jflickrfeed.js" ></script>
         

    <!-- Custom -->
    <script src="js/script.js"  ></script>

    <!-- End Javascript Files -->
</body>
</html>